<template>
  <div class="hero-website-startup">
    <div class="header-type-1">
      <div class="header-type-12">
        <div class="pateern">
          <div class="mask">
            <div class="mask2"></div>
            <div class="mask2"></div>
            <div class="mask3"></div>
          </div>
        </div>
        <div class="header">
          <div class="rectangle"></div>
          <div class="wiredunk">FILMACTION</div>
          <div class="button-let-talk">
            <div class="rectangle2"></div>
            <div class="services">Search</div>
          </div>
          <svg
            class="menu"
            width="40"
            height="40"
            viewBox="0 0 40 40"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              fill-rule="evenodd"
              clip-rule="evenodd"
              d="M8 11H32V13H8V11ZM8 27H32V29H8V27ZM32 19H8V21H32V19Z"
              fill="white"
            />
          </svg>

          <svg
            class="vector"
            width="18"
            height="16"
            viewBox="0 0 18 16"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M4 0V16M14 0V16M0 4H4M9 8L18 4M0 8H18M0 12H4M14 12H18M1 16H17C17.2652 16 17.5196 15.8946 17.7071 15.7071C17.8946 15.5196 18 15.2652 18 15V1C18 0.734784 17.8946 0.48043 17.7071 0.292893C17.5196 0.105357 17.2652 0 17 0H1C0.734784 0 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1V15C0 15.2652 0.105357 15.5196 0.292893 15.7071C0.48043 15.8946 0.734784 16 1 16Z"
              stroke="white"
              stroke-width="1.5"
              stroke-linecap="round"
              stroke-linejoin="round"
            />
          </svg>
        </div>
      </div>
    </div>
    <svg
      class="ic-search"
      width="114"
      height="24"
      viewBox="0 0 114 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M108.5 13H107.71L107.43 12.73C108.41 11.59 109 10.11 109 8.5C109 4.91 106.09 2 102.5 2C98.91 2 96 4.91 96 8.5C96 12.09 98.91 15 102.5 15C104.11 15 105.59 14.41 106.73 13.43L107 13.71V14.5L112 19.49L113.49 18L108.5 13ZM102.5 13C100.01 13 98 10.99 98 8.5C98 6.01 100.01 4 102.5 4C104.99 4 107 6.01 107 8.5C107 10.99 104.99 13 102.5 13Z"
        fill="white"
      />
    </svg>

    <div class="_2019-mahameru">© 2023. Filmaction</div>
    <div>
      <div class="mobile-dumber">
        <div class="mobile-dumber2">
          <div class="gp">分镜头脚本</div>
          <div class="storyboard">Storyboard</div>
        </div>
      </div>
    </div>
    <div class="select-employee">
      <div class="rectangle-1738"></div>
      <div class="mobile-dumber3"></div>
    </div>
    <div class="select-employee">
      <div class="rectangle-17382"></div>
      <div class="mobile-dumber4"></div>
    </div>
    <div class="select-employee">
      <div class="rectangle-17383"></div>
      <div class="mobile-dumber5"></div>
    </div>
    <div class="select-employee">
      <div class="rectangle-17384"></div>
      <div class="mobile-dumber6"></div>
    </div>
    <div class="select-employee">
      <div class="rectangle-17385"></div>
      <div class="mobile-dumber7"></div>
    </div>
    <div class="select-employee">
      <div class="rectangle-17386"></div>
      <div class="mobile-dumber8"></div>
    </div>
    <div class="_1">镜号1</div>
    <div class="_2">镜号2</div>
    <div class="_3">镜号3</div>
    <div class="_4">镜号4</div>
    <div class="_5">镜号5</div>
    <div class="_6">镜号6</div>
    <svg
      class="frame"
      width="137"
      height="137"
      viewBox="0 0 137 137"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M27.4 20.55C23.7665 20.55 20.2818 21.9934 17.7126 24.5626C15.1433 27.1319 13.7 30.6165 13.7 34.25V102.75C13.7 106.383 15.1433 109.868 17.7126 112.437C20.2818 115.007 23.7665 116.45 27.4 116.45H109.6C113.233 116.45 116.718 115.007 119.287 112.437C121.857 109.868 123.3 106.383 123.3 102.75V34.25C123.3 30.6165 121.857 27.1319 119.287 24.5626C116.718 21.9934 113.233 20.55 109.6 20.55H27.4ZM109.6 102.75H27.4L54.7999 47.95L75.3499 89.05L89.0499 61.65L109.6 102.75Z"
        fill="#567DF4"
      />
    </svg>

    <svg
      class="frame2"
      width="137"
      height="137"
      viewBox="0 0 137 137"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M27.4 20.55C23.7665 20.55 20.2818 21.9934 17.7126 24.5626C15.1433 27.1319 13.7 30.6165 13.7 34.25V102.75C13.7 106.383 15.1433 109.868 17.7126 112.437C20.2818 115.007 23.7665 116.45 27.4 116.45H109.6C113.233 116.45 116.718 115.007 119.287 112.437C121.857 109.868 123.3 106.383 123.3 102.75V34.25C123.3 30.6165 121.857 27.1319 119.287 24.5626C116.718 21.9934 113.233 20.55 109.6 20.55H27.4ZM109.6 102.75H27.4L54.7999 47.95L75.3499 89.05L89.0499 61.65L109.6 102.75Z"
        fill="#567DF4"
      />
    </svg>

    <svg
      class="frame3"
      width="137"
      height="137"
      viewBox="0 0 137 137"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M27.4 20.55C23.7665 20.55 20.2818 21.9934 17.7126 24.5627C15.1433 27.1319 13.7 30.6166 13.7 34.25V102.75C13.7 106.384 15.1433 109.868 17.7126 112.437C20.2818 115.007 23.7665 116.45 27.4 116.45H109.6C113.233 116.45 116.718 115.007 119.287 112.437C121.857 109.868 123.3 106.384 123.3 102.75V34.25C123.3 30.6166 121.857 27.1319 119.287 24.5627C116.718 21.9934 113.233 20.55 109.6 20.55H27.4ZM109.6 102.75H27.4L54.7999 47.95L75.3499 89.05L89.0499 61.65L109.6 102.75Z"
        fill="#567DF4"
      />
    </svg>

    <svg
      class="frame4"
      width="137"
      height="137"
      viewBox="0 0 137 137"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M27.4 20.55C23.7665 20.55 20.2818 21.9934 17.7126 24.5626C15.1433 27.1319 13.7 30.6165 13.7 34.25V102.75C13.7 106.383 15.1433 109.868 17.7126 112.437C20.2818 115.007 23.7665 116.45 27.4 116.45H109.6C113.233 116.45 116.718 115.007 119.287 112.437C121.857 109.868 123.3 106.383 123.3 102.75V34.25C123.3 30.6165 121.857 27.1319 119.287 24.5626C116.718 21.9934 113.233 20.55 109.6 20.55H27.4ZM109.6 102.75H27.4L54.7999 47.95L75.3499 89.05L89.0499 61.65L109.6 102.75Z"
        fill="#567DF4"
      />
    </svg>

    <svg
      class="frame5"
      width="137"
      height="137"
      viewBox="0 0 137 137"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M27.4 20.55C23.7665 20.55 20.2818 21.9934 17.7126 24.5626C15.1433 27.1319 13.7 30.6165 13.7 34.25V102.75C13.7 106.383 15.1433 109.868 17.7126 112.437C20.2818 115.007 23.7665 116.45 27.4 116.45H109.6C113.233 116.45 116.718 115.007 119.287 112.437C121.857 109.868 123.3 106.383 123.3 102.75V34.25C123.3 30.6165 121.857 27.1319 119.287 24.5626C116.718 21.9934 113.233 20.55 109.6 20.55H27.4ZM109.6 102.75H27.4L54.7999 47.95L75.3499 89.05L89.0499 61.65L109.6 102.75Z"
        fill="#567DF4"
      />
    </svg>

    <svg
      class="frame6"
      width="137"
      height="137"
      viewBox="0 0 137 137"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M27.4 20.55C23.7665 20.55 20.2818 21.9934 17.7126 24.5627C15.1433 27.1319 13.7 30.6166 13.7 34.25V102.75C13.7 106.384 15.1433 109.868 17.7126 112.437C20.2818 115.007 23.7665 116.45 27.4 116.45H109.6C113.233 116.45 116.718 115.007 119.287 112.437C121.857 109.868 123.3 106.384 123.3 102.75V34.25C123.3 30.6166 121.857 27.1319 119.287 24.5627C116.718 21.9934 113.233 20.55 109.6 20.55H27.4ZM109.6 102.75H27.4L54.7999 47.95L75.3499 89.05L89.0499 61.65L109.6 102.75Z"
        fill="#567DF4"
      />
    </svg>

    <div class="button-square-2-big-1-primary">
      <div class="group-12">
        <div class="button"></div>
        <div class="button-text"></div>
      </div>
    </div>
    <router-link to="/set_picture" class="button-text2">修改</router-link>
    <div class="button-square-2-big-1-primary2">
      <div class="group-12">
        <div class="button2"></div>
        <div class="button-text"></div>
      </div>
    </div>
    <router-link to="/set_movie" class="button-text3">视频</router-link>
    <div class="button-square-2-big-1-primary3">
      <div class="group-12">
        <div class="button"></div>
        <div class="button-text"></div>
      </div>
    </div>
    <router-link to="/set_picture" class="button-text4">修改</router-link>
    <div class="button-square-2-big-1-primary4">
      <div class="group-12">
        <div class="button2"></div>
        <div class="button-text"></div>
      </div>
    </div>
    <router-link to="/set_movie" class="button-text5">视频</router-link>
    <div class="button-square-2-big-1-primary5">
      <div class="group-12">
        <div class="button"></div>
        <div class="button-text"></div>
      </div>
    </div>
    <router-link to="/set_picture" class="button-text6">修改</router-link>
    <div class="button-square-2-big-1-primary6">
      <div class="group-12">
        <div class="button2"></div>
        <div class="button-text"></div>
      </div>
    </div>
    <router-link to="/set_movie" class="button-text7">视频</router-link>
    <div class="button-square-2-big-1-primary7">
      <div class="group-12">
        <div class="button"></div>
        <div class="button-text"></div>
      </div>
    </div>
    <router-link to="/set_picture" class="button-text8">修改</router-link>
    <div class="button-square-2-big-1-primary8">
      <div class="group-12">
        <div class="button2"></div>
        <div class="button-text"></div>
      </div>
    </div>
    <router-link to="/set_movie" class="button-text9">视频</router-link>
    <div class="button-square-2-big-1-primary9">
      <div class="group-12">
        <div class="button"></div>
        <div class="button-text"></div>
      </div>
    </div>
    <router-link to="/set_picture" class="button-text10">修改</router-link>
    <div class="button-square-2-big-1-primary10">
      <div class="group-12">
        <div class="button2"></div>
        <div class="button-text"></div>
      </div>
    </div>
    <router-link to="/set_movie" class="button-text11">视频</router-link>
    <div class="button-square-2-big-1-primary11">
      <div class="group-12">
        <div class="button"></div>
        <div class="button-text"></div>
      </div>
    </div>
    <router-link to="/set_picture" class="button-text12">修改</router-link>
    <div class="button-square-2-big-1-primary12">
      <div class="group-12">
        <div class="button2"></div>
        <div class="button-text"></div>
      </div>
    </div>
    <router-link to="/set_movie" class="button-text13">视频</router-link>
  </div>
</template>
<script>
/* Code generated with AutoHTML Plugin for Figma */

export default {
  name: "HeroWebsiteStartup",
  components: {},
  props: {},
  data() {
    // quickfix to have components available to pass as props
    return {};
  },
};
</script>
<style scoped>
.hero-website-startup,
.hero-website-startup * {
  box-sizing: border-box;
}
.hero-website-startup {
  background: #ffffff;
  width: 1440px;
  height: 800px;
  position: relative;
  overflow: hidden;
}
.header-type-1 {
  position: absolute;
  inset: 0;
}
.header-type-12 {
  width: 1440px;
  height: 95px;
  position: static;
}
.pateern {
  width: 1440px;
  height: 83px;
  position: static;
}
.mask {
  width: 1440px;
  height: 83px;
  position: static;
}
.mask2 {
  background: #3056d3;
  width: 1440px;
  height: 83px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.mask3 {
  background: #000000;
  border-radius: 130px;
  opacity: 0.10000000149011612;
  width: 1793.68px;
  height: 1184.35px;
  position: absolute;
  left: -1435.28px;
  top: 70.79px;
  transform-origin: 0 0;
  transform: rotate(-45deg) scale(1.413, 0.051);
}
.header {
  width: 1440px;
  height: 80px;
  position: absolute;
  left: 0px;
  top: 15px;
  overflow: hidden;
}
.rectangle {
  width: 1440px;
  height: 80px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.wiredunk {
  color: #ffffff;
  text-align: left;
  font: 700 24px "Montserrat", sans-serif;
  position: absolute;
  left: 131px;
  top: calc(50% - 26px);
}
.button-let-talk {
  width: 142px;
  height: 38px;
  position: absolute;
  left: 1131px;
  top: 11px;
  overflow: hidden;
}
.rectangle2 {
  background: #ffffff;
  border-radius: 30px;
  opacity: 0.10000000149011612;
  width: 142px;
  height: 38px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.services {
  color: #ffffff;
  text-align: left;
  font: 400 16px "Lato", sans-serif;
  position: absolute;
  left: 44px;
  top: 9px;
}
.menu {
  position: absolute;
  left: 1353px;
  top: 9px;
  overflow: visible;
}
.vector {
  position: absolute;
  left: 101px;
  top: 21px;
  overflow: visible;
}
.ic-search {
  position: absolute;
  left: 1216px;
  top: 34px;
  overflow: visible;
}
._2019-mahameru {
  color: #a78585;
  text-align: left;
  font: 400 10px/24px "Open Sans", sans-serif;
  position: absolute;
  left: 675px;
  top: calc(50% - -350px);
}
.not-data {
  position: absolute;
  inset: 0;
}
.mobile-dumber {
  width: 188.02px;
  height: 19px;
  position: static;
}
.mobile-dumber2 {
  background: #ffffff;
  padding: 0px 10px 0px 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 188.02px;
  position: absolute;
  left: 150px;
  top: 220px;
}
.gp{
  color: var(--_03, #22215b);
  text-align: center;
  font: 700 14px "Manrope", sans-serif;
  position: relative;
}
.storyboard {
  color: var(--_04, #9090ad);
  text-align: center;
  font: 500 14px "Manrope", sans-serif;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.select-employee {
  position: absolute;
  inset: 0;
}
.rectangle-1738 {
  background: #ffffff;
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(34, 33, 91, 0.16);
  border-width: 1px;
  width: 306px;
  height: 96.81px;
  position: absolute;
  left: 161px;
  top: 275px;
}
.mobile-dumber3 {
  background: #ffffff;
  padding: 0px 10px 0px 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 27.18px;
  height: 34.06px;
  position: absolute;
  left: 159px;
  top: 258px;
}
.rectangle-17382 {
  background: #ffffff;
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(34, 33, 91, 0.16);
  border-width: 1px;
  width: 306px;
  height: 96.81px;
  position: absolute;
  left: 161px;
  top: 403px;
}
.mobile-dumber4 {
  background: #ffffff;
  padding: 0px 10px 0px 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 27.18px;
  height: 34.06px;
  position: absolute;
  left: 159px;
  top: 386px;
}
.rectangle-17383 {
  background: #ffffff;
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(34, 33, 91, 0.16);
  border-width: 1px;
  width: 306px;
  height: 96.81px;
  position: absolute;
  left: 163px;
  top: 539px;
}
.mobile-dumber5 {
  background: #ffffff;
  padding: 0px 10px 0px 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 27.18px;
  height: 34.06px;
  position: absolute;
  left: 161px;
  top: 522px;
}
.rectangle-17384 {
  background: #ffffff;
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(34, 33, 91, 0.16);
  border-width: 1px;
  width: 306px;
  height: 96.81px;
  position: absolute;
  left: 766px;
  top: 275px;
}
.mobile-dumber6 {
  background: #ffffff;
  padding: 0px 10px 0px 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 27.18px;
  height: 34.06px;
  position: absolute;
  left: 764px;
  top: 258px;
}
.rectangle-17385 {
  background: #ffffff;
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(34, 33, 91, 0.16);
  border-width: 1px;
  width: 306px;
  height: 96.81px;
  position: absolute;
  left: 766px;
  top: 406px;
}
.mobile-dumber7 {
  background: #ffffff;
  padding: 0px 10px 0px 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 27.18px;
  height: 34.06px;
  position: absolute;
  left: 764px;
  top: 389px;
}
.rectangle-17386 {
  background: #ffffff;
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(34, 33, 91, 0.16);
  border-width: 1px;
  width: 306px;
  height: 96.81px;
  position: absolute;
  left: 768px;
  top: 537px;
}
.mobile-dumber8 {
  background: #ffffff;
  padding: 0px 10px 0px 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 27.18px;
  height: 34.06px;
  position: absolute;
  left: 766px;
  top: 520px;
}
._1 {
  color: var(--_03, #22215b);
  text-align: center;
  font: 400 14px "Manrope", sans-serif;
  position: absolute;
  left: 161px;
  top: 261px;
}
._2 {
  color: var(--_03, #22215b);
  text-align: center;
  font: 400 14px "Manrope", sans-serif;
  position: absolute;
  left: 160px;
  top: 389px;
}
._3 {
  color: var(--_03, #22215b);
  text-align: center;
  font: 400 14px "Manrope", sans-serif;
  position: absolute;
  left: 162px;
  top: 525px;
}
._4 {
  color: var(--_03, #22215b);
  text-align: center;
  font: 400 14px "Manrope", sans-serif;
  position: absolute;
  left: 765px;
  top: 261px;
}
._5 {
  color: var(--_03, #22215b);
  text-align: center;
  font: 400 14px "Manrope", sans-serif;
  position: absolute;
  left: 765px;
  top: 392px;
}
._6 {
  color: var(--_03, #22215b);
  text-align: center;
  font: 400 14px "Manrope", sans-serif;
  position: absolute;
  left: 767px;
  top: 523px;
}
.frame {
  position: absolute;
  left: 487px;
  top: 253px;
  overflow: visible;
}
.frame2 {
  position: absolute;
  left: 487px;
  top: 381px;
  overflow: visible;
}
.frame3 {
  position: absolute;
  left: 489px;
  top: 517px;
  overflow: visible;
}
.frame4 {
  position: absolute;
  left: 1092px;
  top: 253px;
  overflow: visible;
}
.frame5 {
  position: absolute;
  left: 1092px;
  top: 384px;
  overflow: visible;
}
.frame6 {
  position: absolute;
  left: 1094px;
  top: 515px;
  overflow: visible;
}
.button-square-2-big-1-primary {
  width: 52px;
  height: 26px;
  position: absolute;
  left: 626px;
  top: 290px;
}
.group-12 {
  width: 52px;
  height: 26px;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
}
.button {
  background: #3056d3;
  border-radius: 6px;
  width: 52px;
  height: 26px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.button-text {
  color: #ffffff;
  text-align: center;
  font: 600 16px/24px "Manrope", sans-serif;
  position: absolute;
  right: 26px;
  left: 26px;
  bottom: -13px;
  top: 15px;
  transform-origin: 0 0;
  transform: rotate(180deg) scale(1, 1);
}
.button-text2 {
  color: #ffffff;
  text-align: center;
  font: 600 14px/24px "Manrope", sans-serif;
  position: absolute;
  right: 773px;
  left: 638px;
  bottom: 485px;
  top: 291px;
}
.button-square-2-big-1-primary2 {
  width: 52px;
  height: 26px;
  position: absolute;
  left: 626px;
  top: 328px;
}
.button2 {
  background: #798dd2;
  border-radius: 6px;
  width: 52px;
  height: 26px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.button-text3 {
  color: #ffffff;
  text-align: center;
  font: 600 14px/24px "Manrope", sans-serif;
  position: absolute;
  right: 774px;
  left: 637px;
  bottom: 447px;
  top: 329px;
}
.button-square-2-big-1-primary3 {
  width: 52px;
  height: 26px;
  position: absolute;
  left: 627px;
  top: 420px;
}
.button-text4 {
  color: #ffffff;
  text-align: center;
  font: 600 14px/24px "Manrope", sans-serif;
  position: absolute;
  right: 772px;
  left: 639px;
  bottom: 355px;
  top: 421px;
}
.button-square-2-big-1-primary4 {
  width: 52px;
  height: 26px;
  position: absolute;
  left: 627px;
  top: 458px;
}
.button-text5 {
  color: #ffffff;
  text-align: center;
  font: 600 14px/24px "Manrope", sans-serif;
  position: absolute;
  right: 773px;
  left: 638px;
  bottom: 317px;
  top: 459px;
}
.button-square-2-big-1-primary5 {
  width: 52px;
  height: 26px;
  position: absolute;
  left: 624px;
  top: 550px;
}
.button-text6 {
  color: #ffffff;
  text-align: center;
  font: 600 14px/24px "Manrope", sans-serif;
  position: absolute;
  right: 775px;
  left: 636px;
  bottom: 225px;
  top: 551px;
}
.button-square-2-big-1-primary6 {
  width: 52px;
  height: 26px;
  position: absolute;
  left: 624px;
  top: 588px;
}
.button-text7 {
  color: #ffffff;
  text-align: center;
  font: 600 14px/24px "Manrope", sans-serif;
  position: absolute;
  right: 776px;
  left: 635px;
  bottom: 187px;
  top: 589px;
}
.button-square-2-big-1-primary7 {
  width: 52px;
  height: 26px;
  position: absolute;
  left: 1235px;
  top: 285px;
}
.button-text8 {
  color: #ffffff;
  text-align: center;
  font: 600 14px/24px "Manrope", sans-serif;
  position: absolute;
  right: 164px;
  left: 1247px;
  bottom: 490px;
  top: 286px;
}
.button-square-2-big-1-primary8 {
  width: 52px;
  height: 26px;
  position: absolute;
  left: 1235px;
  top: 323px;
}
.button-text9 {
  color: #ffffff;
  text-align: center;
  font: 600 14px/24px "Manrope", sans-serif;
  position: absolute;
  right: 165px;
  left: 1246px;
  bottom: 452px;
  top: 324px;
}
.button-square-2-big-1-primary9 {
  width: 52px;
  height: 26px;
  position: absolute;
  left: 1235px;
  top: 415px;
}
.button-text10 {
  color: #ffffff;
  text-align: center;
  font: 600 14px/24px "Manrope", sans-serif;
  position: absolute;
  right: 164px;
  left: 1247px;
  bottom: 360px;
  top: 416px;
}
.button-square-2-big-1-primary10 {
  width: 52px;
  height: 26px;
  position: absolute;
  left: 1235px;
  top: 453px;
}
.button-text11 {
  color: #ffffff;
  text-align: center;
  font: 600 14px/24px "Manrope", sans-serif;
  position: absolute;
  right: 165px;
  left: 1246px;
  bottom: 322px;
  top: 454px;
}
.button-square-2-big-1-primary11 {
  width: 52px;
  height: 26px;
  position: absolute;
  left: 1237px;
  top: 546px;
}
.button-text12 {
  color: #ffffff;
  text-align: center;
  font: 600 14px/24px "Manrope", sans-serif;
  position: absolute;
  right: 162px;
  left: 1249px;
  bottom: 229px;
  top: 547px;
}
.button-square-2-big-1-primary12 {
  width: 52px;
  height: 26px;
  position: absolute;
  left: 1237px;
  top: 584px;
}
.button-text13 {
  color: #ffffff;
  text-align: center;
  font: 600 14px/24px "Manrope", sans-serif;
  position: absolute;
  right: 163px;
  left: 1248px;
  bottom: 191px;
  top: 585px;
}
</style>
